<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <title>自在天工</title>
    <script type="text/javascript" src="../js/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="../js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../js/jquery.alerts.js"></script>
    <script type="text/javascript" src="../js/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="../js/general.js"></script>
    <script type="text/javascript" src="../js/blog.js"></script>
    <link rel="stylesheet" href="../css/style.default.css" type="text/css"/>
    <!--[if lte IE 8]>
    <script language="javascript" type="text/javascript" src="../js/plugins/excanvas.min.js"></script><![endif]-->
    <!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="../css/style.ie9.css"/>
    <![endif]-->
    <!--[if lt IE 9]>
    <![endif]-->
    <link rel="stylesheet" media="screen" href="../css/style.ie8.css"/>
    <!--[if lt IE 9]>
    <script src="../js/plugins/css3-mediaqueries.js"></script>
    <![endif]-->
    <!--<script type="text/javascript">-->
    <!--var path = '<%=request.getContextPath()%>';-->
    <!--</script>-->
    <script src="../js/setGroup.js"></script>
    <script src="../js/config.js"></script>
    <script src="../js/ajaxAPI.js"></script>
    <script src="../js/main.js"></script>

</head>
<body class="withvernav">

<div class="bodywrapper">
    <div class="topheader">
        <div class="left">
            <h1 class="logo">ZZTY.<span>TXJ</span></h1>
            <span class="slogan">自在天原学习系统</span>

            <br clear="all" />

        </div><!--left-->

        <div class="right">
            <div class="userinfo">
                <img src="../images/thumbs/avatar.png" alt="" width="25" height="25"/>
                <span id="username"></span>
            </div><!--userinfo-->
            <input type="hidden" name="field＿name" value="value" id="hidden1">
            <div class="userinfodrop">
                <div class="avatar">
                    <a href=""><img src="../images/thumbs/avatarbig.png" alt=""/></a>
                </div><!--avatar-->
                <div class="userdata">
                    <ul>
                        <li id="username1"></li>
                        <li id="clazz"></li>
                        <li id="userEmail"></li>
                        <li id="userType"></li>
                        <li><a href="changeInformation.html">修改信息</a></li>
                        <li><a href="login.html">退出</a></li>
                    </ul>
                </div><!--userdata-->
            </div><!--userinfodrop-->
        </div><!--right-->    </div><!--topheader-->

    <div class="header">
        <ul class="headermenu">
            <li><a href="Tmain1.html"><span class="icon icon-flatscreen"></span>首页</a></li>
            <li class="current"><a href="setWork.html"><span class="icon icon-pencil"></span>发布作业</a></li>
            <li><a href="lookSelfExam.html"><span class="icon icon-message"></span>批改作业</a></li>
            <li><a href="excel.html"><span class="icon icon-chart"></span>结对竞赛报表</a></li>
            <li>
                <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=1"
                        width="220" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
                </iframe>
            </li>

        </ul>
    </div><!--header-->


    <div class="vernav">
        <ul>
            <li><a href="setWork.html" class="editor">发布作业</a></li>
            <li class="current"><a href="setGroup.html">结对分组</a></li>
        </ul>
        <a class="togglemenu"></a>
    </div><!--leftmenu-->

    <div class="centercontent">

        <div class="pageheader">
            <h1 class="pagetitle">创建结对：</h1>
            <span class="pagedesc">
                <hr/>
                <table>
                    <tr>
                        <td><h3>* 班级：</h3></td>
                        <td>
                            <select name="clazz" id="inClazz"></select>
                        </td>
                    </tr>
                   <tr>
                        <td><h3>* GroupMate1：</h3></td>
                        <td>
                            <select name="user1" id="inUser1"></select>
                        </td>
                    </tr>
                     <tr>
                        <td><h3>* GroupMate2：</h3></td>
                        <td>
                            <select name="user2" id="inUser2"></select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                          <button id="setGroup" name="setGroup" class="btn btn-primary">结对分组</button>
                        </td>
                    </tr>
                </table>

                <div align="center">
                   <table cellpadding="0" cellspacing="0" border="0" class="stdtable" id="groupTable">
                    <colgroup>
                        <col class="con0"/>
                        <col class="con1"/>
                        <col class="con0"/>
                        <col class="con1"/>
                    </colgroup>
                    <thead>
                        <tr>
                            <th style="display: none">id</th>
                            <th class="head0">小组Id</th>
                            <th class="head1">组员一</th>
                            <th class="head0">组员二</th>
                            <th class="head1">操作</th>
                        </tr>
                    </thead>

                    <tbody>
                    </tbody>
                </table>
                </div>
            <div class="form-group">
									<div class="col-md-6">
										<!--   Basic Table  -->
										<div class="panel panel-default">

											<div class="panel-body">
												<div class="table-responsive">

												</div>
											</div>
										</div>
									</div>
								</div>
            </span>


        </div><!--pageheader-->

        </span>

    </div><!--pageheader-->

    <br clear="all"/>

</div><!-- centercontent -->


</div><!--bodywrapper-->
<style>
    td {
        text-align: left;
        vertical-align: top;

    }

    input[type="button"] {
        width: auto;
        margin: 0;
        font-weight: bold;
        color: #eee;
        background: #FB9337;
        border: 1px solid #F0882C;
        padding: 7px 10px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
</style>
</body>
</html>